<template>
  <div class="rightList fx-flex fx-flex-direction">
    <Box1 class="fx-flex-1"></Box1>

    <Box2 class="fx-flex-1"></Box2>

    <Box3 class="fx-flex-1"></Box3>
  </div>
</template>
<script>
export default {
  name: "rightList",
  components: {
    Box1: () => import("./rightBox/box1.vue"),
    Box2: () => import("./rightBox/box2.vue"),
    Box3: () => import("./rightBox/box3.vue"),
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.rightList {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>